// 项目的js入口文件
console.log('ok')

import './css/index.css'
import './css/index.scss'
// 注意：如果要通过路径的形式，去引入node_modules中相关的文件，可以直接省略 路径前面的node_modules这一层
// 目录，直接写包的名称，然后后面跟上具体的文件路径
// 不写node_modules 这一层目录，默认就回去node_modules中查找
import 'bootstrap3/dist/css/bootstrap.css'

// class 关键字，是es6中提供的新语法，是用来实现es6中面向对象编程的方式
class Person {
    // 使用static 关键字，可以定义静态属性
    // 所谓的静态属性，就是可以直接通过类名 直接访问的属性
    // 实例属性：只能通过类的实例来访问的属性，叫做实例属性
    static info = {name: 'zs',age: 20}
}

console.log(Person.info)
// 在webpack中，默认只能处理一部分 es6的新语法，一些更高级的es6或es7语法，
// webpack是处理不了的；这时候，需要第三方的loader，来帮助webpack处理这些高级语法
// ，当第三方loader把高级语法转为低级的语法之后，会把结果交给webpack去打包到bundle.js中
// 通过babel，可以帮我们将高级语法转为低级的语法
// 1.在webpack中，可以运行如下两套命令，安装两套包，去安装babel相关的loader功能，
// 1.1第一套包：cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
// 1.2第二套包：cnpm i babel-preset-env babel-preset-stage-0 -D
// 2.打开webpack的配置文件，在module结点下的rules数组中，添加一个新的匹配规则：
// 2.1 {test:/.\js$/,use: 'babel-loader',exclude: /node_modules}
// 2.2 注意：在配置babel的loader规则的时候，必须把node_modules目录，通过exclude选项排除掉：
// 原因有两个：①如果不排除node_modules，则babel会把node_modules中所有的第三方js文件，消耗资源
// ②哪怕最终babel把所有node_modules中的js转换完毕，但是，项目也无法正常运行。
// 3.在项目根目录中，新建一个叫做 .babelrc 的babel配置文件，这个配置文件属于json格式，所以，在写.babelrc配置的时候
// ，必须符合JSON语法规范：不能写注释，字符串必须用双引号
// 3.1 在.babelrc写如下的配置：
// {
//     "presets": ["env","stage-0"],
//     "plugins": ["transform-runtime"]
// }
// 4. 了解： 目前，安装的babel-preset-env 是比较新的es语法，之前，安装的babel-preset-es2015,现在出了一个更新的语法插件，
// 就是Babel-preset-env，它包含了所有的和es***相关的语法

// Java C#实现面向对象的方式完全一样
// var pl = new Person()